﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ModificarEstudio.aspx.cs" Inherits="GAIA_IU.ModificarEstudio" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <script src="Scripts/jquery-ui-autocomplete.js" type="text/javascript"></script>
    <script src="Scripts/jquery.select-to-autocomplete.min.js" type="text/javascript"></script>
    <script src="Scripts/formulas.js" type="text/javascript"></script>
    <script charset="utf-8" type="text/javascript">
        (function ($) {
            $(function () {
                $('#selectEspecies0').selectToAutocomplete();

            });

        })(jQuery);

</script>
    <style media="screen" type="text/css">
        
        .ui-autocomplete {
        padding: 0;
        list-style: none;
        background-color: #fff;
        width: 218px;
        border: 1px solid #B0BECA;
        max-height: 350px;
        overflow-y: scroll;
        }
        .ui-autocomplete .ui-menu-item a {
        border-top: 1px solid #B0BECA;
        display: block;
        padding: 4px 6px;
        color: #353D44;
        cursor: pointer;
        }
        .ui-autocomplete .ui-menu-item:first-child a {
        border-top: none;
        }
        .ui-autocomplete .ui-menu-item a.ui-state-hover {
        background-color: #D5E5F4;
        color: #161A1C;
        }
        /**/
        input.ui-autocomplete-input{width:120px;}
    </style>	
    <h2>
        Estudio de Terreno
    </h2>
    <p>
        Ingrese la informaci&oacute;n solicitada.
    </p>
    
    <asp:Label ID="aviso_label" runat="server" Text=""></asp:Label>     
    
    <span class="failureNotification">
                <asp:Literal ID="FailureText" runat="server"></asp:Literal>
            </span>
            <asp:ValidationSummary ID="TerrenoValidationSummary" runat="server" CssClass="failureNotification" 
                 ValidationGroup="TerrenoValidationGroup"/>
    
    <div style="display:block; clear:both; margin-top:10px;">
        
        <p>Cliente: <asp:Label ID="lb_Cliente" runat="server" Text=""></asp:Label></p>
        <p>Finca: <asp:Label ID="lb_Finca" runat="server" Text=""></asp:Label></p>
        <p>Parcela: <asp:Label ID="lb_Parcela" runat="server" Text=""></asp:Label></p>
        
    </div>

    <div id="Contenedorparcelas" style="display:block; clear:both; margin-top:10px;">
        <fieldset class="login">
            <legend>Actualización de Estudio</legend>
                
                <input type="hidden" value="1" name="cant_especies"/>
                
                <div id="parcelas">
                <div id="0">      
                    <asp:Repeater ID="rptPlants" runat="server">
                        <HeaderTemplate><select id="selectEspecies0"autofocus="autofocus" autocorrect="off" autocomplete="off" name="especies[0].id" style="width:240px"></HeaderTemplate>
                        <FooterTemplate></select></FooterTemplate>
                        <ItemTemplate>
                            <option value="<%# DataBinder.Eval(Container.DataItem, "Id")%>" value_form="<%# DataBinder.Eval(Container.DataItem, "NumFormula")%>"><%# DataBinder.Eval(Container.DataItem, "NomCien")%>/<%# DataBinder.Eval(Container.DataItem, "NomPop")%> - <%# DataBinder.Eval(Container.DataItem, "Id")%></option>
                        </ItemTemplate>
                    </asp:Repeater>             
                    <input title="DAP" id="0" class="dap" name="especies[0].dap" type="text" placeholder="DAP" style="width:50px" alt="DAP" />
                    <input title="HC" id="0" class="hc" name="especies[0].hc" type="text" placeholder="HC" style="width:50px" alt="HC"  />
                    <input title="lambertN" id="lambertN" class="lambertN" name="especies[0].lambertN" type="text"  placeholder="LambertN" style="width:80px" alt="LambertN" />
                    <input title="lambertE" id="lambertE" class="lambertE" name="especies[0].lambertE" type="text" placeholder="LambertE" style="width:80px" alt="LambertE" />
                    <input title="Volumen" class="volumen" name="especies[0].calculo" type="text" placeholder="Volumen" style="width:80px" readonly="readonly" alt="Volumen" />
                    <input title="Area" class="area" name="especies[0].areabasal" type="text" placeholder="AreaBasal" style="width:80px" readonly="readonly" alt="Area" />
                    <a href="#" onClick="Calcular('0',event)">[Calcular]</a>
                    <input name="especies[0].num_formula" type="hidden" value="" />
                </div>
                </div>
                
                <script type="text/javascript">  
                    
                                  
                        <asp:Repeater ID="rptElementos" runat="server">
                            <HeaderTemplate>var arrayElementos = [</HeaderTemplate>
                            <FooterTemplate>];</FooterTemplate>
                            <ItemTemplate>
                                    { 'IdEspecie':'<%# DataBinder.Eval(Container.DataItem, "IdEspecie")%>',
                                       'NombreEspecie':'',
                                      'Dap': '<%# DataBinder.Eval(Container.DataItem, "Dap")%>',                                  
                                      'Hc':'<%# DataBinder.Eval(Container.DataItem, "Hc")%>',
                                      'LambertN':'<%# DataBinder.Eval(Container.DataItem, "LambertN")%>',
                                      'LambertE':'<%# DataBinder.Eval(Container.DataItem, "LambertE")%>',
                                      'Volumen': '<%# DataBinder.Eval(Container.DataItem, "Volumen")%>',
                                      'AreaBasal': '<%# DataBinder.Eval(Container.DataItem, "AreaBasal")%>'
                                    },
                            </ItemTemplate>
                        </asp:Repeater>

                        $(document).ready(function(){
                        //recorrer arrayElementos para sustituir
                        //el valor NombreEspecie
                        
                        $(arrayElementos).each(function(){                            
                            var opciones = $("#selectEspecies0 option");
                            for(var i =0; i<opciones.length; i++)
                            //$(opciones).each(function()
                            {
                              if (this.IdEspecie == $(opciones[i]).val()){
                          
                                this.NombreEspecie = ($(opciones[i]).html());
                              }
                            }
                        });                    
                        
                        var nombreEspecie;
                        $("#selectEspecies0 option").each(function()
                        {
                          if (arrayElementos[0].IdEspecie == $(this).val()){
                          
                            nombreEspecie = ($(this).html());
                          }
                        });

                        //$(".ui-autocomplete-input").val(nombreEspecie);
                        selectEspecie(0, arrayElementos[0].IdEspecie, nombreEspecie);
                        $(".dap").val(arrayElementos[0].Dap);
                        $(".hc").val(arrayElementos[0].Hc);
                        $(".lambertN").val(arrayElementos[0].LambertN);
                        $(".lambertE").val(arrayElementos[0].LambertE);
                        $(".volumen").val(arrayElementos[0].Volumen);
                        $(".area").val(arrayElementos[0].AreaBasal);

                        //Carga el restanta de detalles
                        agregarEspecieLista(arrayElementos);
                        
                    });


 



                    function selectEspecie(numDiv, idEspecie, nomEspecie) {
                        //Focus
                        $("input[name='especies[" + numDiv + "].dap']").focus();

                        //text
                        $('#' + numDiv + ' .ui-autocomplete-input').val(nomEspecie);

                        //Val Select
                        $('#selectEspecies' + numDiv).val(idEspecie);
                    }   

        function agregarEspecieLista(lista) {
 
            for (var i=1;i<lista.length;i++){
                var elemento=lista[i];

                //alert(elemento.Dap);

                var $nuevoDiv = $('<div id="' + terreno_cant_especies + '"></div>').appendTo('#parcelas');
                var $selectEspeciecopia = $('<select id="selectEspecies' + terreno_cant_especies + '" autofocus="autofocus" autocorrect="off" autocomplete="off" name="especies[' + (terreno_cant_especies) + '].id" style="width:240px;">');
                var $listaOptions = $("select[name='especies[0].id']").find("option");
                $.each($listaOptions, function (index, value) {
                    var opt_value_form = $(value).attr("value_form");
                    var opt_value = $(value).attr("value");
                    var opt_text = $(value).html();
                    $selectEspeciecopia.append('<option value_form="' + opt_value_form + '" value="' + opt_value + '">' + opt_text + '</option>');
                });
                $selectEspeciecopia.appendTo($nuevoDiv);
                var $inputDap = $('<input title=\'DAP\' class=\'dap\' placeholder="DAP" style="width:50px" alt="DAP" name="especies[' + (terreno_cant_especies) + '].dap" type="text" value="' + elemento.Dap + '"/>').appendTo($nuevoDiv);
                var $inputHc = $('<input title=\'HC\' class=\'hc\' placeholder="HC" style="width:50px" alt="HC" name="especies[' + (terreno_cant_especies) + '].hc" type="text" value="' + elemento.Hc + '" />').appendTo($nuevoDiv);
                var $inputLn = $('<input title=\'lambertN\' class=\'lambertN\' placeholder="LambertN" style="width:80px" alt="LambertN" name="especies[' + (terreno_cant_especies) + '].lambertN" type="text" value="' + elemento.LambertN + '" />').appendTo($nuevoDiv);
                var $inputLe = $('<input title=\'lambertE\' class=\'lambertE\' placeholder="LambertE" style="width:80px" alt="LambertE" name="especies[' + (terreno_cant_especies) + '].lambertE" type="text" value="' + elemento.LambertE + '"/>').appendTo($nuevoDiv);
                var $inputVol = $('<input title=\'Volumen\' name="especies[' + (terreno_cant_especies) + '].calculo" type="text" value="' + elemento.Volumen + '" placeholder="Volumen" style="width:80px" readonly="readonly" alt="Volumen"/>').appendTo($nuevoDiv);
                var $inputAB = $('<input title=\'Area\' name="especies[' + (terreno_cant_especies) + '].areabasal" type="text" value="' + elemento.AreaBasal + '" placeholder="AreaBasal" style="width:80px" readonly="readonly" alt="Area"/>').appendTo($nuevoDiv);
                $('<a href="#" onClick="Calcular(\'' + terreno_cant_especies + '\',event)">[Calcular]</a>').appendTo($nuevoDiv);
                $('<a href="#" onClick="eliminarEspecie(\'' + terreno_cant_especies + '\',event)">[-]</a>').appendTo($nuevoDiv);
                $('#selectEspecies' + terreno_cant_especies).selectToAutocomplete();
                terreno_cant_especies++;
                $("input[name='cant_especies']").val(terreno_cant_especies);
                $("#selectEspecies" + terreno_cant_especies).val();

                selectEspecie(terreno_cant_especies-1, elemento.IdEspecie, elemento.NombreEspecie);
            }
        }

                </script>
                
                
                <label>Agregar especie <a href="#" id="agregaEspecie">[+]</a></label>  <br /><br />  
                &nbsp;</fieldset>
            <p class="submitButton">  
                <asp:Button ID="btn_salvar" runat="server" Text="Salvar" onclick="btn_salvar_Click" ValidationGroup="TerrenoValidationGroup"/>
            </p>
            <p class="submitButton">&nbsp;</p>
        </div>

</asp:Content>

